@font-face {
  font-family: 'Spartan';
  src: URL('../css/Spartan.otf') format('truetype');
}

html, body {
/* background-color: #6a98e2; */
margin: auto;
height: 100%;
overflow: hidden;
font-family: sans-serif;
font-size: 20px;
font-weight: bold;
text-align: center;  
}

/* ALL L O A D I N G Text */
.loader{
font-family: Spartan;
width: 795px;
height: 35px;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: auto;
margin-top: 0.8em;
max-width: 100%;
max-height: 100%;
overflow: hidden;
border:0px solid white;
}

/* Spining O */
.loaderO{
display:inline-block;
vertical-align:middle;
border:6px solid #1abc9c;
border-radius:50%;
border-top:6px solid white;
border-bottom:6px solid white;
border-left:6px solid white;
width:12px;
height:12px;
margin-top: -4px;
margin-left: 1px;
-webkit-animation:spin 1.1s linear infinite;
margin-right: 2px;
}

@-webkit-keyframes spin{
0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}

/* L X A D I N G text */
.ib2{
margin:auto;
display:inline-block;
vertical-align:middle;
height:19px;
line-height:16px;
font-size:1.3em;
color: white;
font-family: Spartan;
}

.info {
width: 795px;
height: 40px;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: auto;
max-width: 100%;
max-height: 100%;
overflow: hidden;
font-size:1.3em;
color: white;
border:0px solid red;
margin-top: 0.5em;
font-family: Spartan;
}

.done {
width: 795px;
height: 55px;
position: absolute;
left: 0px;
right: 0px;
top: 16px;
bottom: 0px;
margin: auto;
max-width: 100%;
max-height: 100%;
overflow: hidden;
line-height:24px;
font-size:1em;
color: white;
border:0px solid yellow;
font-family: Spartan;
}

.allset {
width: 795px;
height: 55px;
position: absolute;
left: 0px;
right: 0px;
top: 16px;
bottom: 0px;
margin: auto;
max-width: 100%;
max-height: 100%;
overflow: hidden;
line-height:24px;
font-size:1em;
color: white;
border:0px solid yellow;
margin-top: 0.5em;
font-family: Spartan;
}

.awaiting {
width: 795px;
height: 55px;
position: absolute;
left: 0px;
right: 0px;
top: 16px;
bottom: 0px;
margin: auto;
max-width: 100%;
max-height: 100%;
overflow: hidden;
line-height:24px;
font-size:1em;
color: white;
border:0px solid yellow;
margin-top: 0.5em;
font-family: Spartan;
}
.fail {
width: 795px;
height: 55px;
position: absolute;
left: 0px;
right: 0px;
top: 16px;
bottom: 0px;
margin: auto;
max-width: 100%;
max-height: 100%;
overflow: hidden;
line-height:24px;
font-size:1em;
color: white;
border:0px solid yellow;
margin-top: 0.5em;
font-family: Spartan;
}

.ib{
margin:auto;
display:inline-block;
padding:4px 2px 0px 0px;
vertical-align:middle;
height:30px;
line-height:25px;
font-size:1em;
color: white;
border:0px solid red;
font-family: Spartan;
}

#PSBUTTON{
margin:auto;
display:inline-block;
vertical-align:middle;
background:url() no-repeat center center;
height:30px;
width:30px;
margin-right: 6px;
border:0px solid red;
font-family: Spartan;
}
